<template>
  <div class="login-page">
    <template v-if="activeTab==='login'">
      <LoginForm @change="activeTab=$event" />
    </template>
    <template v-if="activeTab==='reset'">
      <ForgetPassword @change="activeTab=$event" />
    </template>
  </div>
</template>

<script setup>
import LoginForm from "./components/LoginForm.vue"
import ForgetPassword from "./components/ForgetPassword.vue"
const activeTab = ref('reset')
</script>

<style lang="scss" scoped>
.login-page{
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  background-image: url("@/assets/images/login-bg.png");
  background-size:100% 100%;
  background-position: center;
  position: fixed;
}
</style>
